<%--
    Document   : index
    Created on : Sep 12, 2010, 4:32:21 PM
    Author     : Eledra
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="Controller.Xparser"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Model slide show - Keep beauty</title>

        <link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />

        <!-- Arquivos utilizados pelo jQuery lightBox plugin -->
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
        <script type="text/javascript" src="script.js"></script>

        <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
        <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
        <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->

        <!-- Ativando o jQuery lightBox plugin -->
        <script type="text/javascript">
            $(function() {
                $('#gallery a').lightBox();
            });
            function navigate1() {
               document.location = "index.jsp";
            }
        </script>
        <style type="text/css">
            /* jQuery lightBox plugin - Gallery style */
            #gallery {
                background-color: #444;
                padding: 10px;
                width: 520px;
            }
            #gallery ul { list-style: none; }
            #gallery ul li { display: inline; }
            #gallery ul img {
                border: 5px solid #3e3e3e;
                border-width: 5px 5px 20px;
            }
            #gallery ul a:hover img {
                border: 5px solid #fff;
                border-width: 5px 5px 20px;
                color: #fff;
            }
            #gallery ul a:hover { color: #fff; }

        </style>
    </head>
    <body>       
        <div id="art-main">
            <div class="art-Sheet">
                <div class="art-Sheet-tl"></div>
                <div class="art-Sheet-tr"></div>
                <div class="art-Sheet-bl"></div>
                <div class="art-Sheet-br"></div>
                <div class="art-Sheet-tc"></div>
                <div class="art-Sheet-bc"></div>
                <div class="art-Sheet-cl"></div>
                <div class="art-Sheet-cr"></div>
                <div class="art-Sheet-cc"></div>
                <div class="art-Sheet-body">
                    <div class="art-Header">

                        <div class="art-Header-jpeg"></div>
                        
                    </div>
                    <div class="art-contentLayout">
                        <div class="art-sidebar1">
                            <div class="art-Block">
                                <div class="art-Block-tl"></div>
                                <div class="art-Block-tr"></div>
                                <div class="art-Block-bl"></div>
                                <div class="art-Block-br"></div>
                                <div class="art-Block-tc"></div>
                                <div class="art-Block-bc"></div>
                                <div class="art-Block-cl"></div>
                                <div class="art-Block-cr"></div>
                                <div class="art-Block-cc"></div>
                                <div class="art-Block-body">
                                    <div class="art-BlockHeader">
                                        <div class="l"></div>
                                        <div class="r"></div>
                                        <div class="art-header-tag-icon">
                                            <div class="t">Search</div>
                                        </div>
                                    </div><div class="art-BlockContent">
                                        <div class="art-BlockContent-body">                                        
                                            <div id="SearchForm" >
                                                <input id="searchText" type="Text" value=""  style="width: 95%; color: black;"/>
                                                <br>
                                                <input class="art-button" type="button" onclick="submitForm()" value="Search" />
                                            </div>

                                            <script type="text/javascript">
                                                function submitForm() {
                                                    var search = document.getElementById("searchText").value;
                                                    searchPictures(search);
                                                }
                                            </script>
                                            <div class="cleared"></div>
                                        </div>
                                    </div>
                                    <div class="cleared"></div>
                                </div>
                            </div>
                            <div class="art-Block">
                                <div class="art-Block-tl"></div>
                                <div class="art-Block-tr"></div>
                                <div class="art-Block-bl"></div>
                                <div class="art-Block-br"></div>
                                <div class="art-Block-tc"></div>
                                <div class="art-Block-bc"></div>
                                <div class="art-Block-cl"></div>
                                <div class="art-Block-cr"></div>
                                <div class="art-Block-cc"></div>
                                <div class="art-Block-body">
                                    <div class="art-BlockHeader">
                                        <div class="l"></div>
                                        <div class="r"></div>
                                        <div class="art-header-tag-icon">
                                            <div class="t">Contact Info</div>
                                        </div>
                                    </div><div class="art-BlockContent">
                                        <div class="art-BlockContent-body">
                                            <div>
                                                <img src="photos/home_images.jpg" alt="an image" style="margin: 0 auto;display:block;width:95%" />
                                                <br />
                                                <b>FPT university</b><br />
                                                Number 8 - Ton That Thuyet - My Dinh - Ha Noi<br />
                                               SE0204<br />
                                                <br/>
                                                Nguyen Hoang Long<br/>
Tran Tuan Linh<br/>
To Quang Duy<br/>
Nguyen Duc Viet<br/>
                                            </div>
                                            <div class="cleared"></div>
                                        </div>
                                    </div>
                                    <div class="cleared"></div>
                                </div>
                            </div>
                        </div>
                        <div class="art-content">
                            <div class="art-Post">
                                <div class="art-Post-tl"></div>
                                <div class="art-Post-tr"></div>
                                <div class="art-Post-bl"></div>
                                <div class="art-Post-br"></div>
                                <div class="art-Post-tc"></div>
                                <div class="art-Post-bc"></div>
                                <div class="art-Post-cl"></div>
                                <div class="art-Post-cr"></div>
                                <div class="art-Post-cc"></div>
                                <div class="art-Post-body">
                                    <div class="art-Post-inner">
                                        <h2 class="art-PostHeader">
                                            Welcome
                                        </h2>
                                        <div class="art-PostContent">


                                            <p>This is the assignment of XML advance subject of FPT university made by group 5 of class SE0204 with the help of instructor HienNV. The aim of this is to load the data from XML database and display it with the support of javascript, XPATH, DOM ... DO NOT COPY OR USE IT WITHOUT OUR ALLOWANCE</p>
                                            <p>
                                                <span class="art-button-wrapper">
                                                    <span class="l"> </span>
                                                    <span class="r"> </span>
                                                   
                                                </span>
                                            </p>

                                            <table class="table" width="100%">
                                                <tr>
                                                    <td width="33%" valign="top">

                                                        <div class="l"></div>
                                                        <div class="r"></div>
                                                    </td>
                                                </tr>
                                            </table>

                                        </div>
                                        <div>
                                               <input class="art-button" type="button" onclick="navigate1()" value="Home page" />
                                        </div>
                                        <div class="cleared"></div>
                                    </div>

                                    <div class="cleared"></div>
                                </div>

                                <div class="art-Post-body">
                                    <div class="art-Post-inner">
                                        <div id="gallery">

                                            <a id="gallery-path" href=""/>
                                            <ul>

                                                <% Xparser p = new Xparser(response);
                                                            String homeDir = getServletContext().getRealPath("");
                                                            String Path = homeDir + "\\WEB-INF\\ModelSlideShow.xml";
                                                            String s = p.displayDocument(Path);

                                                %>
                                                <%= s%>

                                            </ul>

                                            <script type="text/javascript">
                                                function navigate(modelId) {
                                                    document.location = "Page2.jsp?ID=" + modelId;
                                                }
                                            </script>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="cleared"></div><div class="art-Footer">
                    <div class="art-Footer-inner">
                        <a href="#" class="art-rss-tag-icon" title="RSS"></a>
                        <div class="art-Footer-text">
                            <p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a>
                                | <a href="#">Privacy Statement</a><br />
                                Copyright &copy; 2009 ---. All Rights Reserved.</p>
                        </div>
                    </div>
                    <div class="art-Footer-background"></div>
                </div>
                <div class="cleared"></div>
            </div>
        </div>
        <div class="cleared"></div>        

    </body>

</html>
